<template>
	<div class="rr-info">
		<div>最高水位{{ config.rr }}</div>
		<div>出现时间{{ config.tm }}</div>
		<div>最大泄流</div>
	</div>
</template>

<script lang="ts" setup>
import { reactive } from "vue";
import { useNodeData } from "@/utils/flow-graph";

const data = reactive<Partial<Record<"rr" | "tm", string>>>({});

const { node, config } = useNodeData(data);

node.data.template = "RR";
</script>

<style lang="scss" scoped>
.rr-info {
	color: #ff7f7f;
}
</style>
